<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>


<table id="ttLog" style="width:600px;height:400px"></table>


<script>
    $(function () {
        $('#ttLog').treegrid({
            url:'${pageContext.request.contextPath}/tree',
            idField:'id',
            treeField:'name',
            method: "get",
            onDblClickRow:function(rowIndex, rowData){
                $("#inse").panel("open");
                $("#idd").val(rowIndex.id);
            },

            columns:[[
                {field: 'name',title: '名字',  width:180},
                {field: 'audioUrl', title: '下载路径', width: 60, align: 'right'},
                {field: 'audioSize', title: '大小', width: 80},
            ]]
        });


        $("#inse").dialog({

            title: "添加",
            closed: true,
            width: 300,
            height: 300,
        });
    })

    function tijiaoo(){
        //alert(1);
        $("#fo").form("submit",{
            url:"${pageContext.request.contextPath}/insertAudio",
            onSubmit:function(){
                return true;
            },
            success:function(data){
                var s = JSON.parse(data);
                if(s.myinsertAudio){
                    $("#inse").window("close");
                    $("#ttLog").treegrid("reload");
                    $.messager.alert('我的消息', '添加成功！', 'info');
                }else{
                    $.messager.alert('我的消息', '添加失败！', 'info');
                }
            }
        })
    }
</script>

<div id = "inse">
    <form id="fo" method="post">
        <input id="idd" name="albumId.albumId" type="hidden"><br/>
        音频名称:<input id="namee" name="audioName" type="text"><br/>
        音频地址:<input id="urll" name="audioUrl" type="text"><br/>
        音频大小:<input id="sizee" name="audioSize" type="text"><br/>
        音频顺序:<input id="orderr" name="audioOrder" type="text"><br/>
        <input type="button" value="提交" onclick="tijiaoo()">
    </form>
</div>